@import "../../common.scss";

body {
  background-color: #F7F7F7; }

.mui-icon {
  color: #414141; }

.mui-bar-nav {
  height: unset;
  box-shadow: unset;
  background-color: #fff; }
  .mui-bar-nav .header {
    position: relative; }
    .mui-bar-nav .header .mui-right {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      display: flex;
      align-items: center;
      color: #4FA7E6;
      font-size: 0.4533333333rem;
      line-height: 1.1733333333rem; }

.mui-content {
  background-color: #F7F7F7; }

.mui-table-view {
  margin-top: 0.4rem; }

.mui-table-view::after,
.mui-table-view::before {
  background-color: #fff; }

.mui-table-view-cell:after {
  background-color: #eee; }

.mui-slider-handle {
  display: flex;
  align-items: center; }
  .mui-slider-handle .mui-mo {
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
    background-color: #d5eaf9;
    color: #4FA7E6;
    font-size: 0.3733333333rem;
    border-radius: 50%;
    position: relative; }
    .mui-slider-handle .mui-mo::after {
      position: absolute;
      content: '';
      background-color: #eee;
      transform: scaleX(0.5);
      width: 0.0266666667rem;
      height: 100%;
      top: 0;
      right: -0.4rem; }
  .mui-slider-handle .mui-pai {
    display: flex;
    align-items: center; }
    .mui-slider-handle .mui-pai > img {
      width: 0.5333333333rem;
      height: 0.5333333333rem;
      margin-right: 0.1333333333rem; }

